
.art_details .details_pic{
    position: relative;
}

.art_details .art_pic{
	display: block;
	width:100%;
	height:0;
	padding-bottom:96.8%; 
}

.art_details .art_pic img{
	width:100%;
	height:auto;
}

.details_pic .atlas_menu{
	z-index:1000;
	display: block;
	background:url(../images/art_details.png) no-repeat;
	background-size:.26rem 1.37rem; 
	width:.26rem;
	height:.195rem;
	position: absolute;
	right:.18rem;
	bottom:.12rem;
}

.intro{
	width:100%;
	padding:.16rem .2rem 0 .2rem;
	box-sizing: border-box;
}

.intro .art_name span{
    font: 400 0.2rem/0.4rem 黑体;
    color:#222222;
    float:left;
}

.intro .art_name font{
	float:right;
	padding-right: .30rem;
	height:.2rem;
    font: 400 0.12rem/0.2rem 黑体;
    color:#8f272c;
    background:url(../images/art_details.png) no-repeat;
	background-size:.26rem 1.37rem; 
    background-position: right 0 top -0.23rem;
}

.intro .price{
	font:400 .15rem/.3rem "微软雅黑";
	color:#444444;
	padding:.11rem 0;
}

.intro .buy .buy_menu{
	float: left;
	padding:.06rem .075rem .06rem .275rem;
    border:1px solid #534c49;
    border-radius:2px;
    background:url(../images/art_details.png) no-repeat .08rem -.95rem;
	background-size:.26rem 1.37rem;
	font:400 .12rem/.12rem "黑体";
	color:#221815;
}

.intro .buy .art_call{
	float: right;
	padding:.03rem .075rem .03rem .275rem;
    background:url(../images/art_details.png) no-repeat .08rem -.43rem;
	background-size:.26rem 1.37rem;
	font:400 .1rem/.12rem "黑体";
	color:#57ad68;
}

.art_details .artist{
	margin-top: .235rem;
	border-top:1px solid #d2d2d2;
	border-bottom:1px solid #d2d2d2;
}

.art_details .artist .artist_img{
	display: inline-block;
	width:.25rem;
	height: .25rem;
	border-radius: 50%;
	margin:.15rem 0;
	background: #ccc;
}

.art_details .artist .artist_name{
	display: inline-block;
    font:400 .12rem/.12rem "黑体";
    color:#1b1b1b;
}

.art_details .artist .artist_num,.art_details .artist .artist_zan{
	display: inline-block;
	 font:400 .12rem/.12rem "黑体";
	 color:#b5b5b5;
	 padding:.175rem 0;
}